<template>
  <div class="container">
    <router-view></router-view>
    <!--    <div v-if="chatStore.showWelcome" class="welcome">-->
<!--      <welcome></welcome>-->
<!--    </div>-->
<!--    <div v-else class="chat-content">-->
<!--      <chatContent></chatContent>-->
<!--    </div>-->
  </div>
</template>

<script setup>

import chatContent from "@/components/chat/chatContent/index.vue";
import welcome from '@/components/chat/welcome/index.vue'
import {ref} from "vue";
import {useChatStore} from "@/store/chat/index.js";
import { useSystemStore } from "@/store/system/index.js";
const chatStore = useChatStore();
const systemStore = useSystemStore();



</script>


<style scoped>
.chat-content {
  width: 100%;
  max-width: 800px;
  height: 100%;
}

.container {
  height: 100%;
  width: 100%;
  background-color: var(--background-color);
  color: var(--color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.welcome {
  width: 100%;
}

</style>
